﻿@charset "utf-8";
/* CSS Document */

/*=================== Getting the new tags to behave START ====================== */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}

mark, rp, rt, ruby, summary, time {	
	display: inline
}

/* ==================== Getting the new tags to behave END ======================= */

/* ========================= Global properties START ============================= */

* {
	 margin:0; padding:0;
}

html, body {
	height:100%;	
}

html {	
	/*
	min-width:990px;
	scrollbar-base-color: #9999cc;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #ccccff;
	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: gray;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: black;
	*/
}

body {
	background:url(../images/bgpage.jpg) top center fixed;	
	font-family: 'Arial';
	font-size:12px;	
	color:#333333;
	align:center;
}


/* Form */
/* ========================= Global LOGIN ============================== */
.wrapper_login { 
	height:100%;   
    width:100%;	
	min-width:780px;
	margin:0 auto;	
	align:center;	
	background:url(../images/bglogin_page.jpg) no-repeat fixed 50% 50%;
}
	
.main_login {	
	position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 390px;
    margin-left: -410px;
    margin-top: -205px;	
}

.row_login {		
	width:900px;	
	height:390px;
	margin:0 auto;	
	position:relative;
	background:url(../images/bglogin.png) no-repeat left center;
}

.logo_login {
	position:absolute;
	float:left;
	width:90px;
	height:100px;
	top:120px;
	left:20px;
	margin:0px 0px 0 0;	
	}	
.name_login {
	position:absolute;
	float:left;
	width:428px;
	height:64px;
	top:140px;
	left:100px;
	margin:0px 0px 0 0;		
	}	
 
.box_login {
	right:36px;
	top:0px;
	position:absolute;		
	width:320px;
	height:390px;
	margin:0 auto;
	background:url(../images/box_login.png) no-repeat;
	}
	
.form_login {
	clear:both;
	margin:25px 15px 0px 15px;
	padding:0px 0px 0px 0px;
	width:260px; 	
}
.title_login {	
	color: #FFFFFF;
	font:normal 20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:20px 5px 20px 5px;
	text-align:center;	
	}
	
.text_form_login {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding:4px 5px 4px 5px;
	text-align:right;
}

.text_form_login_2 {
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding:4px 5px 4px 5px;
	text-align:left;
}

.input_login {
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #bcbfc0 1px solid;
	border-left: #bcbfc0 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	-moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%;  
}

.input_select_login {	
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #bcbfc0 1px solid;
	border-left: #bcbfc0 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	-moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%; 
}

.btn_login {	
     -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  font:bold 12px Arial, Helvetica, sans-serif;
	  padding: 5px 10px 5px 10px;
	  text-decoration:none;
	display:inline-block;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);		 */
	color: #003366;
	cursor:hand;
	cursor:pointer;

 
 
 border:1px solid #96f0ff; 
 background-color: #cef8ff; background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);
 }
.btn_login:hover{
	cursor:hand;
	cursor:pointer;
border:1px solid #68e9ff;
 background-color: #9bf1ff; background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 }

.text_note_login {	
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding:4px 5px 4px 5px;
	text-align:left;
}

.text_fail_login {			
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding:10px 5px 10px 5px;
	text-align:left;
}
/* ========================= Global LOGIN END ============================== */


/*=========================== clear fix =======================================================*/

.clear_both {
	clear:both;
	}			
.clearfix:after, .section:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}	
		
.wrapper-page { 
	width:100%;	
	min-width:756px;
	margin:0 auto;	
	align:center;
	position:relative;
	
	/*background:url(../images/bgpage.jpg) no-repeat fixed 50% 50%;*/
}
.wrapper-main {	
    margin:0px 25px 0px 25px;	
    position: relative;	  
	align:center;	
	text-align:center;
	height:100%;
	
	}
.container-page{	
	margin:0px 0px 0px 0px;	
    position: relative;	  
	align:center;	
	text-align:center;
	height:100%;	
	
}	
/* ========================= Global properties END =============================== */




/* ================= MAIN PAGE ================================= */

.row-user {		
	width:100%;	
	height:32px;
	margin:0 auto;		
}

.top-page {
	height:32px;	
	text-align:right;
	margin:0 auto;
	width:100%;
	position:relative;
}
.links-addmin {	
	text-align:right;
	height:32px;	
	/*background:#999;	*/
}
.links-top ul {
	float:right;	
	list-style:none; 	
	padding: 8px 0px 0px 0px;	
	}

.links-top li {	
	list-style-image:none;
	padding: 8px 3px 3px 3px;
	text-indent:0px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:inline;
	
}
.links-top li a{
	width:auto;
	text-decoration:none;	
	color: #ffffff;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
.links-top li a:hover{
	text-decoration:none;	
	color:#00a1fd;
	}


.text-user { 
float:right;
text-align:right;
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:none;
color: #ffffff;
margin:0px 0px 0px 0px;
padding:5px 20px 0px 15px;
line-height:18px;
}

.text-user-name { 
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:none;
padding:0px 5px 0px 5px;
color: #ffffff !important;
}

.text-user-room { 
font:bold 14px Tahoma,Arial, Helvetica, sans-serif;
text-transform:none;
padding:0px 5px 0px 5px;
color: #b7ebfe !important;
}

a.ovalbutton {
background: transparent url('../images/oval-orange-left.png') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 22px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #ffffff; /*button text color*/
}

a.ovalbutton span {
background: transparent url('../images/oval-orange-right.png') no-repeat top right;
display: block;
padding: 2px 11px 2px 0; /*Set 11px below to match value of 'padding-left' value above*/

}

a.ovalbutton:hover { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
background-position: bottom right;
color: #493206;
}
.row-banner {		
	width:100%;	
	height:95px;
	margin:0 auto;	
	position:relative;	
}
.cell-logo {	    
	width:95px;
	height:95px;	
		
	background:url(../images/cell_logo.png) top left no-repeat; 
}
.cell-rightbanner {		 
    height:95px !important;    
	background:url(../images/rightbanner.png) top right no-repeat; 
		
}
.controltoppages	{
	position:absolute;
	float:right;
	bottom:0px;
	right:10px;
	min-width:300px;	
	margin:0px 0px 0 0;	
	padding:0px 0px 0px 0px;
	}	
.text_date {
	margin:0px 5px 0px 5px;
	float:right;			
	padding:3px 0px 5px 0px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#003366;
	}
.text_hours {
	margin:0px 5px 0px 5px;
	float:right;			
	padding:3px 10px 5px 0px;	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#0099ff;
	}	

/* menu */
.menu-page {
	width:100%;	
	margin:0 auto;	
	position:relative;
	height:66px;	
	background:url(../images/main_menu_mid.png) top left repeat-x;
}


/* menu new */
.head_bg {
	clear:both;
   /* background: url("../images/bgmenupages.png") repeat-x scroll center top rgba(0, 0, 0, 0);*/
    /*border-radius: 4px 4px 0 0;*/
    height: 66px;
    /*margin: 0 auto;*/
	margin:0px 0px 0px 10px;
   /* position: relative;*/
    width: 100%;
}

.nav {
	Z-INDEX: 50;/*edit 26/3*/ 
	font: normal 12px Arial, Helvetica, sans-serif;
	POSITION: relative; HEIGHT: 36px;/*35*/
	top:6px;/*4 edit 27/3*/ 
	left:0px;
	width:100%/*edit 26/3*/;
}
.nav .table {
	DISPLAY: inline; MARGIN: 0px auto
}
.nav .select {
	PADDING: 0px;
	MARGIN: 0px; 
	WHITE-SPACE: nowrap; 
	LIST-STYLE-TYPE: none;
}
.nav .current {
	padding: 0 5px 0 5px;
	MARGIN: 0px; 
	WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none;
}

.nav LI {FLOAT: left;
	padding:0px;
	MARGIN: 0px; HEIGHT: auto;
}


/*************************************************/
.nav .current A {/*edit 27/3*/
	DISPLAY: block; 
	FLOAT: left; 
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap; 
	HEIGHT: 30px;
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 0 0px 0 10px;
	background: url(../images/menu-top-active.png) no-repeat 0 0;
}
.nav .current A span{/*edit 27/3*/
		FLOAT: left; LINE-HEIGHT: 26px; WHITE-SPACE: nowrap; HEIGHT: 27px; TEXT-DECORATION: none;
		font-weight:bold;
		line-height:26px; color:#ffffff;
		padding: 2px 10px 0 0px;
		background: url(../images/menu-top-active.png) no-repeat right bottom;
		font-size:12px;
		text-transform:uppercase;
	}
.nav .current A span:hover {
	DISPLAY: block; 
	FLOAT: left;
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap;
	TEXT-DECORATION: none;
	font-weight:bold;
}
/*************************************************/
.nav .current .li A {
	DISPLAY: block; FLOAT: left; 
	COLOR: #c9e2ff; 
	LINE-HEIGHT: 26px; 
	WHITE-SPACE: nowrap; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
}
.nav .current A B {
	DISPLAY: block; Z-INDEX: 2
}
/**********************doan********************************/
.nav .select A {
	DISPLAY: block;
	FLOAT: left; 
	line-height:26px; color:#ffffff;
	WHITE-SPACE: nowrap; 
	HEIGHT: 27px; 
	TEXT-DECORATION: none;
	font-weight:bold;
	padding: 2px 10px 0 10px;
	font-size:12px;/*edit 27/3*/
	text-transform:uppercase;
}

/* add status */
.nav .select LI A {
    background: url(../images/menu-top.png) no-repeat scroll left top ;
    cursor: pointer;
    height: 30px;
    padding: 0 0 0 10px;
}
.nav .select LI A span {
    background: url(../images/menu-top.png) no-repeat scroll right bottom ;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 27px;
    line-height: 26px;
    padding: 2px 10px 0 0;
}
/* end add status */

.nav .select A:hover {
	CURSOR: pointer;
	padding: 0 0px 0 10px;
	background: url(../images/menu-top-active.png) no-repeat 0 0;
}
.nav .select A:hover span{
	FLOAT: left; color:#2f60af; LINE-HEIGHT: 26px; WHITE-SPACE: nowrap; HEIGHT: 25px; TEXT-DECORATION: none;
		font-weight:bold;
		padding: 2px 10px 0 0px;
		background:url(../images/menu-top-hover.png) no-repeat right bottom;		
	}
.nav .select LI:hover A {
	CURSOR: pointer;
	background:url(../images/menu-top-hover.png) no-repeat left top;
	padding: 0 0px 0 10px;
	height:30px/*edit 27/3*/
}

.nav .select LI:hover A span {/*edit 27/3*/
	CURSOR: pointer;
	background:url(../images/menu-top-hover.png) no-repeat right bottom;
	padding: 2px 10px 0 0px;HEIGHT: 27px;
	LINE-HEIGHT: 26px;
	float:left; color:#ffffff;
	text-transform:uppercase;
}
/******************************************************/
.nav .select A:hover B {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select LI:hover A B {
	DISPLAY: block; FLOAT: left; CURSOR: pointer
}
.nav .select_sub {
	DISPLAY: none
}
.nav TABLE {
	FONT-SIZE: 1em; 
	MARGIN: 10px; 
	WIDTH: 0px; 
	BORDER-COLLAPSE: collapse; HEIGHT: 0px
}
.nav .sub {
	PADDING-RIGHT: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}
.nav .sub_active .current_sub A {
	COLOR: #0099ff;
}
.nav .sub_active A:hover {
	COLOR: #f00
}
.nav .select :hover .select_sub {
	PADDING-RIGHT: 0px;
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 10; 
	LEFT: 0px; 
	BACKGROUND:  url(../images/sub_mn_hover.png) repeat-x center -31px; /*edit 27/3*/ 
	PADDING-BOTTOM: 0px;
	WIDTH: 100%;
	/*WIDTH: 120%;*/
	/*height:57px;*/
	height:30px;
	PADDING-TOP: 0px; 
	color:#4100fb; 
	POSITION: absolute; 
	TOP: 27px; 
	TEXT-ALIGN: left;
}
.nav .current .show {
	PADDING-RIGHT: 0px;
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	Z-INDEX: 10; 
	LEFT: 0px; 
	BACKGROUND:none;
	PADDING-BOTTOM: 4px;
	WIDTH: 100%; 
	/*WIDTH: 120%;*/ /*edit 27/3*/ 
	height:57px; /*edit 27/3*/ 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat-x; 
	POSITION: absolute; 
	TOP: 27px; 
	TEXT-ALIGN: left;
	color:#F96;
	font-weight:normal!important;
}
.nav .current .show {
	Z-INDEX: 2
}
.nav .select :hover .sub LI A {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 8px;
	 DISPLAY: block; 
	 PADDING-LEFT: 8px; 
	 BORDER-LEFT-WIDTH: 0px;
	  FLOAT: left; 
	  BORDER-BOTTOM-WIDTH: 0px; 
	  PADDING-BOTTOM: 0px;
	   MARGIN: 0px;
	   COLOR: #4100fb; 
	   PADDING-TOP: 0px; 
	   WHITE-SPACE: nowrap; 
	   BORDER-RIGHT-WIDTH: 0px
}
.nav .current .show .sub LI A {
	BORDER-TOP-WIDTH: 0px;
	 PADDING-RIGHT: 8px; 
	 DISPLAY: block; 
	 PADDING-LEFT: 8px;
	 BORDER-LEFT-WIDTH: 0px;
	 FLOAT: left;
	 BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	COLOR: #4100fb; 
	PADDING-TOP: 0px; 
	WHITE-SPACE: nowrap; 
	BORDER-RIGHT-WIDTH: 0px;
	
}
.nav .current .sub LI.sub_show A {
	CURSOR: default; COLOR: #088
}
.nav .select :hover .sub LI A:hover {
	VISIBILITY: visible; COLOR: #0099ff;
}
.nav .current .sub LI A:hover {
	VISIBILITY: visible; COLOR:#0099ff;
}
.undermenu
{	height:27px;
	width: 100%;
	BACKGROUND:none;	}

.MenuLine{
	BACKGROUND:none;
	width:0px;
	height:25px!important;
	float:left
}
.NormalSubMenu
{	
	background: url(../images/icon_submenu.png) 0 -2px no-repeat!important;
	float:left;
	margin-right:10px!important;
	height:19px !important;
	margin-top:5px!important;
}

.select .select_sub .NormalSubMenu
{	margin-right:10px!important;
	
}

.select .select_sub .NormalSubMenu:hover
{	margin-right:10px!important;
}

.ActiveSubMenu{height:19px !important; margin-top:5px!important }
.ActiveSubMenu a
{
	padding-left: 10px;	
	text-decoration:underline !important;
	}
/**doan**/
.sub_1,.sub_2,.sub_3,.sub_4,.sub_5,.sub_6,.sub_7,.sub_8{
	list-style-type:none;
	float:left;
	width:100%!important;
}

.sub_5 {
	padding-left:380px;

}
.sub_6 {
	padding-left:170px;
	
}
.sub_7 {
	padding-left:690px;
	
}
.sub_8 {
	padding-left:625px;
	
}
.sub_1 a,.sub_2 a,.sub_3 a,.sub_4 a,.sub_5 a,.sub_6 a,.sub_7 a,.sub_8 a
{
	background:none!important;
	color:#ffffff!important;
	font-weight:normal!important;
	text-transform:none !important;
}
/*css bo sung ngay 7/3*/
.sub_1 a:hover,.sub_2 a:hover,.sub_3 a:hover,.sub_4 a:hover,.sub_5 a:hover,.sub_6 a:hover,.sub_7 a:hover,.sub_8 a:hover,
.sub_1 a:active,.sub_2 a:active,.sub_3 a:active,.sub_4 a:active,.sub_5 a:active,.sub_6 a:active,.sub_7 a:active,.sub_8 a:active
{
	color:#afe9fe !important;
}
.NormalSubMenu:hover
{	
	background: url(../images/icon_submenu_active.png) 0 -1px no-repeat!important;
	float:left;
	margin-right:10px!important;
	color:#002655!important;
}
.sub_1 .ActiveSubMenu a
{	
	background: url(../images/icon_submenu_active.png) 0 -1px no-repeat!important;
	float:left;
	margin-right:10px!important;
	text-decoration:none!important;
	color:#c0eefe!important;
	margin-bottom:0px!important;
}

/* End menu new */
.row-mainpage {	
	float:left;		
    position: relative;	
	margin:0px 0px 0px 0px;
    width:100%;	
	background:#ffffff;	
}	
.widthpage-content {
	/*float:left;*/
	background:#ffffff;	
	/*width:950px;*/
	margin:0px 15px 20px 15px;
	min-height:100px;
	/*background:url(../images/bottommenu.jpg) top center no-repeat;	*/	
	
}	

.row-bottomain {
	clear:both;		
	width:100%;	
	height:95px;
	margin:0 auto;	
	position:relative;	
}
.bottoml_widthpages_content {	
	background:url(../images/bottoml_widthpages_content.png) bottom left no-repeat;
	width:22px;	
	min-height:42px;
	font-size:0px;
	
}
.bottomm_widthpages_content {	
	background:url(../images/bottomm_widthpages_content.png) bottom left repeat-x;	
	min-height:42px;	
	font-size:0px;
}

.bottomr_widthpages_content {	
	background:url(../images/bottomr_widthpages_content.png) bottom left no-repeat;
	width:22px;	
	min-height:42px;
	font-size:0px;	
}


.rowtitle-main {		width:100%;		 
        padding:0px;
        margin: 0px 0px 3px 0px;
		border-bottom:1px solid #e3e3e3;        
        height:32px;	
		position:relative;
}
	
.texttitle-view {		
	font:normal 16px Arial,Helvetica, sans-serif;
	color:#005eb8;
	padding:10px 0px 5px 0px;		
	text-align:left;
	vertical-align:middle;
	text-transform:none;	
	margin:0px 0px 0px 0px;	
	}	
		
.texttitle-view a {
	color:#005eb8;
	text-decoration:none;	
}

.texttitle-view a:hover {
	color:#009efa;
	text-decoration:underline;
}

.texttitle-view img {
	padding:0px 5px 3px 5px
}
.texttitle-view span {
	color:#3c9300;
	text-decoration:none;
	font:normal 12px Arial,Helvetica, sans-serif;
}

.icon-arrowview {
		width:15px;
		height:7px	;	 
        padding:0px;
        margin: 0px 0px 0px 0px;        
        left:20px;
		top:32px;
		position:absolute;
		background: url(../images/icon_arrowtitle.png) no-repeat left bottom; 
}
.boxcontent-page {
	/*position: relative;*/
	float:left;
	width:100%;	
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;	
}

.link-statistics {	
	float:left;
	width:100%;
	padding: 0 0 0 0px;
	margin:5px 0px 0px 0px;
	}	
.link-statistics ul {	
	font:normal 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #202020;
	list-style-type: none;
	padding: 0 0 0 0px;
	margin:0px 0px 0px 0px;
	}
.link-statistics li {
	float:left;
	width:auto !important;		
	list-style-image:none;
	background-image:url(../images/arrow_list.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	padding: 3px 0px 3px 15px;
	vertical-align:middle;	
	text-indent:0px;
	margin: 5px 12px 5px 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #202020;
	text-align:left;
}
.link-statistics li a{
	width:auto;
	text-decoration:none;	
	color:#202020;
	}

.link-statistics li a:hover{		
	color:#0099ff;
	text-decoration:none;	
	}
.link-statistics li span{
	padding: 5px 3px 5px 3px;	
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #0099ff;
}
.box-filter { 
    float: left;    
    margin:10px 0px 10px 0px;    
    padding:0px 0px 0px 0px;   
	width:100%;	
}
.border-fieldset {
	border-top-left-radius:3px;
	-moz-border-radius-topleft :3px;
	-webkit-border-top-left-radius:3px;
		
	border-top-right-radius :3px; 
	-moz-border-radius-topright:3px ;
	-webkit-border-top-right-radius:3px ;
	
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft :3px;
	-webkit-border-bottom-left-radius:3px;
		
	border-bottom-right-radius :3px; 
	-moz-border-radius-bottomright:3px ;
	-webkit-border-bottom-right-radius:3px ;
		
	border:1px solid #c3e3fa;		
	background:#ffffff;		
}
.title-fieldset { 
	clear:both;
	text-align:justify;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ff6c00;
}	
.texttitle-fieldset {	
	
	 -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  font:bold 12px Arial, Helvetica, sans-serif;
	  padding: 5px 10px 5px 10px;
	  text-decoration:none;
	display:inline-block;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);		 */
	color: #003366;
	cursor:hand;
	cursor:pointer;

 
 
 border:1px solid #96f0ff; 
 background-color: #cef8ff; background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);
 }
.texttitle-fieldset:hover{
	cursor:hand;
	cursor:pointer;
border:1px solid #68e9ff;
 background-color: #9bf1ff; background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 }
.inner_form {	
	float:left;			
	margin:0px 5px 0px 5px;	
	padding:0px 0px 0px 0px;
	/*width:460px;*/ /*edit */
	width:95%;
}
.note_require {
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:none;
color: #0068bf;
text-align:left;
padding:5px 0px 5px 0px;
}
.note_require span{
font:normal 12px Arial, Helvetica, sans-serif;
color: #f81212;
text-align:left;
}

table.tableform tr td {
	 padding:2px 5px 2px 5px;
	 font:bold 12px Arial,Helvetica, sans-serif;	 
	 color: #4d4d4d;	 
	 border:0px solid #bbdcfa !important;
	 background:#ffffff !important; 
}

.text_label_title {		
	color: #202020 !important;		
	font:bold 12px Arial, Helvetica, sans-serif !important;
	padding:2px 5px 2px 5px;	
}

.text_label {		
	color: #202020;		
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;	
}

.text_label.cm-required:before {
	 color: #0099ff;
    content: "*";
    font-size: 130%;
    line-height: 1px;
    padding-right: 3px;
}
.text_input_subtable {		
	color: #0069cd !important;		
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:2px 0px 2px 0px !important;	
}

.text_input {		
	color: #0069cd !important;		
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 5px;	
}
.text_input a{
	color:#0069cd !important;
	text-decoration:none;
}
.text_input a:hover{
	color:#0099ff !important;
	text-decoration:none;
}

.text_btn {	
	clear:both;	
	color: #0069cd !important;		
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:10px 5px 10px 5px;	
}

.note_form {
	margin:0px 0px 0px 0px;	
	font:normal 12px Arial,Helvetica, sans-serif;
	font-style:italic;
	color:#666666;
	text-align:justify;
	text-transform:none;
	padding:0px 0px 0px 0px;	
	text-align:right;
	vertical-align:middle;	
	}	
.note_form span{	
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#ff5600;	
	}	


.input_form {
	color:#656565;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	 -moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
   margin: 2px 0px 2px 0px;
    padding: 3px 0px 3px 0px !important;
	width:100%;
}
.input_form_auto {
	color:#656565;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	 -moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
    margin: 2px 0px 2px 0px;
    padding: 3px 0px 3px 0px !important;
}
.input_form_disable
{
    color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#f0f0f0;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #f4f5f7 1px solid;	
	border-bottom: #f4f5f7 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	 -moz-box-sizing: border-box;   
   border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
     margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%;	
    }
	
.input_form_auto_disable
{
    color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#f0f0f0;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #f4f5f7 1px solid;	
	border-bottom: #f4f5f7 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	 -moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
     margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;		
    }
.input_select {
	height:23px;
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff; 
	border-top: #8fa5b2 1px solid;
	border-left: #8fa5b2 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1
	;	
	 -moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
     margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%;
}
.input_select_auto {
	height:23px;
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff; 
	border-top: #8fa5b2 1px solid;
	border-left: #8fa5b2 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1
	;	
	 -moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;	
}	
.input_form_area {	
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	-moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 3px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;
	width:100%;	  
}
.input_form_area_auto {	
	color:#000000;
	font:normal 12px Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background:#ffffff;
	border-top: #b9c0c7 1px solid;
	border-left: #b9c0c7 1px solid; 
	border-right: #e3e9ef 1px solid;	
	border-bottom: #e3e9ef 1px solid;
	BORDER-COLLAPSE: collapse    border=1;
	-moz-box-sizing: border-box;   
    border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) inset;
    margin: 2px 0px 2px 0px;
    padding: 2px 0px 2px 0px !important;		  
} 


.row_btn_func {	
	clear:both;
	padding: 0px 0px 0px 0px;	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	width:100%;
	text-align:right;
	margin:10px 0px 10px 0px;		
}

.row_btn {	
	clear:both;
	padding: 10px 0px 10px 0px;	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	width:100%;
	text-align:right;
	margin:0px 0px 0px 0px;		
}
.row_btn_center {
	clear:both;		
	margin:10px 0px 10px 0px;	
	width:100%;	
	text-align:center;
	font:normal 12px Arial,Tahoma;
}
.btn_add {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor: hand; width:auto; 	 
	 cursor:pointer;
	 border:1px solid #7d99ca;
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 10px 10px 10px 10px; 
	   text-decoration:none; 
	   display:inline-block;
	   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	    color: #FFFFFF;
 background-color: #a5b8da; background-image: linear-gradient(to bottom, #a5b8da, #7089b3);
 }
.btn_cancel {
      font:bold 12px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor:hand; width:auto; 
	 cursor:pointer;	 
	 
	 border:1px solid #0045b1;
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 5px 10px 5px 10px; 
	   text-decoration:none; 
	   display:inline-block;
	   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	    color: #FFFFFF;
 background-color: #003fac; background-image: linear-gradient(to bottom, #003fac, #006bce);
 }
.btn_cancel:hover{
cursor:hand;
	cursor:pointer;
border:1px solid #68e9ff;
 background-color: #9bf1ff; background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 }
.btn_save {
      font:bold 12px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor:hand; width:auto; 
	 cursor:pointer;	 
	 
	 border:1px solid #0045b1;
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 5px 10px 5px 10px; 
	   text-decoration:none; 
	   display:inline-block;
	   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	    color: #FFFFFF;
 background-color: #003fac; background-image: linear-gradient(to bottom, #003fac, #006bce);
 }
.btn_save:hover{
	cursor:hand;
	cursor:pointer;
border:1px solid #68e9ff;
 background-color: #9bf1ff; background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);
 }

.btn_del {
     font:bold 11px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor:hand; width:auto; 
	 cursor:pointer;	 
	 
	
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 3px 3px 3px 3px; 
	   text-decoration:none; 
	   display:inline-block;
	  /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	    color: #003366;

 
 
 
 border:1px solid #bee1fa; 

 background-color: #f2f9fe; background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
 }
.btn_del:hover{
	cursor: hand;
	cursor:pointer;
 
 
 
  border:1px solid #93cdf7;
 background-color: #c3e3fa; background-image: linear-gradient(to bottom, #c3e3fa, #a5defb);
 }
.btn_edit {
     font:bold 11px Arial,Verdana, Helvetica, sans-serif;	
	 /*background:url(../images/btn_add.png) no-repeat top left;*/
	 cursor:hand; width:auto; 
	 cursor:pointer;	 
	 
	
	  -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   border-radius: 3px;
	   padding: 3px 3px 3px 3px; 
	   text-decoration:none; 
	   display:inline-block;
	  /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	    color: #003366;

 
 
 
 border:1px solid #bee1fa; 

 background-color: #f2f9fe; background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);
 }
.btn_edit:hover{
	cursor: hand;
	cursor:pointer;
 
 
 
  border:1px solid #93cdf7;
 background-color: #c3e3fa; background-image: linear-gradient(to bottom, #c3e3fa, #a5defb);
 }
.btn_browser {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_browser.png) no-repeat top left;
	 padding:0px 15px 0px 0px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}
.btn_ok {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_ok.png) no-repeat top left;
	 padding:0px 22px 0px 10px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}

.btn_returns {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_returns.png) no-repeat top left;
	 padding:0px 22px 0px 10px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}
.btn_import {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_import.png) no-repeat top left;
	 padding:0px 22px 0px 5px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}
.btn_reverse {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#ffffff;cursor:pointer;
	 background:url(../images/btn_reverse.png) no-repeat top left;
	 padding:0px 22px 0px 10px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:28px; 
	 border:0;
}
.btn_filter {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#000000;cursor:pointer;
	 background:url(../images/btn_filter.png) no-repeat top left;
	 padding:0px 22px 0px 10px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:26px; 
	 border:0;
}
.btn_nofilter {
     font:bold 12px Arial,Verdana, Helvetica, sans-serif;
	 color:#000000;cursor:pointer;
	 background:url(../images/btn_nofilter.png) no-repeat top left;
	 padding:0px 22px 0px 10px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 cursor: hand; width:94px; height:26px; 
	 border:0;
}

/* list */
.box_scroll_grid { 
    float: left;    
    margin:0px 0px 10px 0px;
    overflow-x: auto;
    padding:0px 0px 0px 0px;    
	width:100%;   
} 	

table.tablegrid {
	float:left;
	width:100%;
	/*border:1px solid #e2edf9;*/
    border-collapse:collapse;
	/* position: relative;*/
	 }
	 
table.tablegrid tr td {
	 padding:5px 5px 5px 5px;
	 font:normal 12px Arial,Helvetica, sans-serif;	 
	 color: #202020;	 
	 border:1px solid #c3e3fa !important; 
}
table.tablegrid tr.row_head td { 
	 background:url(../images/bg_head.gif) repeat-x scroll 50% 50%;	
	 color:#000000;
	 font:bold 12px Arial,Helvetica, sans-serif;
	 text-decoration:none;
	 padding:5px 5px 5px 5px ;
	 /*border-bottom:1px solid #0584e6 !important;	 */
}

table.tablegrid tr.row_head th { 
  background:url(../images/bg_head.gif) repeat-x scroll 50% 50%; 
  color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
  padding:5px 5px 5px 5px ;
  border:1px solid #c3e3fa !important;  
}

table.tablegrid tr.title_paging td {
	 background:#cce6ff;
	 color:#202020;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.odd td {
	 background:#ffffff;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.even td {
	 background:#f1f8fd;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.active td {
	 background:#d6f0fd;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablegrid tr.row_head td a { 
 color:#000000;
 font:bold 12px Arial,Helvetica, sans-serif;
 text-decoration:none;
}
table.tablegrid tr.row_head td a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.row_head th a { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.row_head th a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablegrid tr.odd td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.odd td.linkto a {	
	color: #0066e8;	
	text-decoration:none;
}
table.tablegrid tr.odd td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	

table.tablegrid tr.even td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.even td.linkto a{	
	color: #0066e8;	
	text-decoration:none;
}

table.tablegrid tr.even td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}

table.tablegrid tr.active td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.active td.linkto a {	
	color: #0066e8;	
	text-decoration:none;
}
table.tablegrid tr.active td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	


table.tablegrid tr.odd td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
	  
table.tablegrid tr.odd td.linkfunction a {	
	color: #0099ff;	
	text-decoration:none;
}

table.tablegrid tr.odd td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	
table.tablegrid tr.active td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.active td.linkfunction a{	
	color: #0099ff;	
	text-decoration:none;
}
table.tablegrid tr.active td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}

table.tablegrid tr.even td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablegrid tr.even td.linkfunction a{	
	color: #0099ff;	
	text-decoration:none;
}
table.tablegrid tr.even td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}

.sumlist_l {
	float:left;
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-transform:none;
	padding:3px 0px 3px 0px;	
	text-align:left;
	vertical-align:middle

	}	
	
.sumlist_l span {
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0066dd;	
	}
	
.sumlist_r {
	float:right;
	font:normal 12px Arial,Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	text-transform:none;
	padding:3px 0px 3px 0px;	
	text-align:right;
	vertical-align:middle
	}	
	
.sumlist_r span {
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0066dd;	
	}			
/* Paging */

.paper{
	float:right;	
	margin:0px 0px 5px 10px;
	padding:5px 0px 5px 0px;
	color:#039;
	font:normal 12px Arial,Helvetica, sans-serif;
	text-align:right
	}
		
.paper .total-page {
	margin-right:10px;
	color:#555;
	font-size:12px
	}
	
.paper a {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient( center top, #fdfdfd 5%, #eeeeee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eeeeee');
	background-color:#eee;
	margin-right:3px;
	padding:3px 7px;	
	color:#333;	
	-moz-transition: all 0.3s ease-out 0s;
	border:1px solid #a6c8ec;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:pointer;
	text-decoration:none;
	box-shadow:0 1px 1px #ccc;
	-moz-box-shadow:0 1px 1px #ccc;
	-webkit-box-shadow:0 1px 1px #ccc;
	font:normal 12px Arial,Helvetica, sans-serif;	
	}
	
.paper a.active,.paper a.active:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0066e8), color-stop(1, #0c98d9) );
	background:-moz-linear-gradient( center top, #0066e8 5%, #0c98d9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066e8', endColorstr='#0c98d9');
	background-color:#0c98d9;color:#fff;
	font-weight:bold;
	border:1px solid #0066e8;
	}
	
.paper a:hover{
	color:#603600;
	border:1px solid #0467c0
	}
	
.paper-comment{
	width:100%;
	margin-top:10px
	}
	
.paper-msg{
	width:750px
	}
	
.paper-order{
	float:right;
	margin:7px -5px 7px
	}
.paper-shop{
	width:710px
	}
/*   het div pages */	

/*  ===============popup ==============*/

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: url(../images/tranparent.png) left top repeat;
		/*background: #000;
		background: rgba(0,0,0,.8);*/
		z-index: 6666 !important;
		display: none;
		top: 0;
		left: 0; 
		}
			
	.reveal-modal {			
		
		visibility: hidden;
		top: 160px !important; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #ffffff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index:8888;
		padding: 15px 15px 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);	
	}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 800px; margin-left: -440px;}
	.reveal-modal.xlarge 		{ width: 960px; margin-left: -540px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		
.text_title_popup {			
	font:bold 16px Arial,Helvetica, sans-serif;
	color:#0066e8;
	padding:5px 0px 5px 0px;		
	text-align:left;
	vertical-align:middle;
	text-transform:none;	
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #e3e3e3;	
	}	
	
.content_scroll 
 {
     overflow-y:auto;
	 padding:0px 10px 0px 10px;
     width:780px;
     float:left;
     height:400px;
	 background:#ffffff;
     }	
.content_inner 
 {     
     float:left;
     margin:0px 0px 0px 0px;
	 background:#ffffff;
	 width:100%;
     }	 	
/*  ===============end popup ==============*/


.row_subtitle {
	clear:both;	
	margin:15px 0px 0px 0px !important;	
	font:normal 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	width:100%;	
	text-align:left;	
} 
.text_subtitle {		
	font:bold 16px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	padding:5px 0px 5px 0px;	
} 
 
table.tablesub_grid {
	float:left;
	width:100%;
	/*border:1px solid #e2edf9;*/
    border-collapse:collapse;
	/* position: relative;*/
	 }
	 
table.tablesub_grid tr td {
	 padding:5px 5px 5px 5px;
	 font:normal 12px Arial,Helvetica, sans-serif;	 
	 color: #202020;	 
	 border:1px solid #bbdcfa !important; 
}
table.tablesub_grid tr.row_head td { 
	 background:url(../images/bg_head.gif) repeat-x scroll 50% 50%;	
	 color:#000000;
	 font:bold 12px Arial,Helvetica, sans-serif;
	 text-decoration:none;
	 padding:5px 5px 5px 5px ;
	 border-bottom:1px solid #bbdcfa !important;	 
}

table.tablesub_grid tr.row_head th { 
  background:url(../images/bg_head.gif) repeat-x scroll 50% 50%; 
  color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
  padding:5px 5px 5px 5px ;
  border:1px solid #a6d3ff !important;  
}

table.tablesub_grid tr.title_paging td {
	 background:#cce6ff;
	 color:#202020;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablesub_grid tr.odd td {
	 background:#ffffff;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablesub_grid tr.even td {
	 background:#f2f2f2;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablesub_grid tr.active td {
	 background:#fff1cc;
	 color:#303030;
	 font:normal 12px Arial,Helvetica, sans-serif;
}

table.tablesub_grid tr.row_head td a { 
 color:#000000;
 font:bold 12px Arial,Helvetica, sans-serif;
 text-decoration:none;
}
table.tablesub_grid tr.row_head td a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablesub_grid tr.row_head th a { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablesub_grid tr.row_head th a:hover { 
 color:#000000;
  font:bold 12px Arial,Helvetica, sans-serif;
  text-decoration:none;
}

table.tablesub_grid tr.odd td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablesub_grid tr.odd td.linkto a {	
	color: #0066e8;	
	text-decoration:none;
}
table.tablesub_grid tr.odd td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	

table.tablesub_grid tr.even td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablesub_grid tr.even td.linkto a{	
	color: #0066e8;	
	text-decoration:none;
}

table.tablesub_grid tr.even td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}

table.tablesub_grid tr.active td.linkto {	  
	  color:#0066e8;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablesub_grid tr.active td.linkto a {	
	color: #0066e8;	
	text-decoration:none;
}
table.tablesub_grid tr.active td.linkto a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	


table.tablesub_grid tr.odd td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
	  
table.tablesub_grid tr.odd td.linkfunction a {	
	color: #0099ff;	
	text-decoration:none;
}

table.tablesub_grid tr.odd td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}	
table.tablesub_grid tr.active td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablesub_grid tr.active td.linkfunction a{	
	color: #0099ff;	
	text-decoration:none;
}
table.tablesub_grid tr.active td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}

table.tablesub_grid tr.even td.linkfunction {	  
	  color:#0099ff;
	  font:normal 12px Arial,Helvetica, sans-serif;
	  text-align:left;
	  }
table.tablesub_grid tr.even td.linkfunction a{	
	color: #0099ff;	
	text-decoration:none;
}
table.tablesub_grid tr.even td.linkfunction a:hover{	
	color: #0099ff;	
	text-decoration:underline;
}  

.line_div {
	clear:both;	
	margin:5px 0px 0px 0px;	
	height:5px;
	width:100%;	
	text-align:right;
	border-top:1px solid #a6d3ff;
}

/* class tab process */
 .tabsprocess {
      float:right;
      margin:0px 0px 0px 0px;
      /*background:#F4F4F4;*/
      font-size:93%;
      line-height:normal;	  
      }
.tabsprocess ul {
        margin:0;
         padding:0px 0px 0 0px;
        list-style:none;
      }
.tabsprocess li {
      display:inline;
      margin:0;
      padding:0;
      }
.tabsprocess a {
      float:left;
      background:url(../images/tableftB.png) no-repeat left top;
      margin:0px 3px 0px 0px;
       padding:0 0 0 6px;/*12*/
      text-decoration:none;
	  font:bold 12px Arial,Helvetica, sans-serif;
	  
      }
.tabsprocess a span {
      float:left;
      display:block;
      background:url(../images/tabrightB.png) no-repeat right top;
     padding:5px 12px 6px 6px;/*25*/
      color:#ffffff;
	  font:bold 12px Arial,Helvetica, sans-serif;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsprocess a span {float:none;}
    /* End IE5-Mac hack */
.tabsTour a:hover span {
      color:#ffffff;
				font:bold 12px Arial,Helvetica, sans-serif;
      }
.tabsprocess a:hover {
      background-position:0% -42px;
	  color:#ffffff;
      }
.tabsprocess a:hover span {
      background-position:100% -42px;
	  color:#ffffff;
      }

.tabsprocess #current a {
                background-position:0% -42px;
				color:#ffffff;
        }
.tabsprocess #current a span {
                background-position:100% -42px;
				color:#003366;
				
        }
/* end class tab */	
/* =================MAIN PAGE END =================================*/



/* =================FOOTER PAGE =================================*/
.row-footer {	
	width:100%;	
	/*border-top:5px solid #1274cf;*/
	background:url(../images/bgfooter.png) top left repeat-x;	 
	margin:0 auto;
	min-height:42px;			
}
.width-footerpages {	
	width: 980px;	
	margin:0px auto;	
	align:center;		
	background:url(../images/bgmid_footer.png) top left no-repeat;	
}
.text-footer {	
	font:normal 11px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#656565;
	text-transform:none;	
	text-align:right;
	padding:10px 10px 10px 10px;	
	}
.text-footer span{	
	font:bold 12px Arial,Tahoma,Verdana,Helvetica, sans-serif;
	color:#0053b9;	
}

/* =================FOOTER PAGE END =================================*/